﻿<!DOCTYPE HTML>
<html>
<head>
    <link rel="shortcut icon" href="../static/imgs/favicon.ico">
    <script type="text/javascript" async="" src="../static/js/conversion.js"></script>
    <script src="../static/js/allmobilize.min.js" charset="utf-8" id="allmobilize"></script>
    <style type="text/css"></style>
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link media="handheld" rel="alternate">
    <!-- end 云适配 -->
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>基本信息-招聘服务-拉勾网-最专业的互联网招聘平台</title>
    <meta content="23635710066417756375" property="qc:admins">
    <meta name="description" content="拉勾网是3W旗下的互联网领域垂直招聘网站,互联网职业机会尽在拉勾网">
    <meta name="keywords"
          content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招">
    <meta content="QIQ6KC1oZ6" name="baidu-site-verification">

    <!-- <div class="web_root"  style="display:none">http://www.lagou.com</div> -->
    <script type="text/javascript">
        var ctx = "http://www.lagou.com";
        console.log(1);
    </script>
    <link href="http://www.lagou.com/images/favicon.ico" rel="Shortcut Icon">
    <link href="../static/css/style.css" type="text/css" rel="stylesheet">
    <link href="../static/css/external.min.css" type="text/css" rel="stylesheet">
    <link href="../static/css/popup.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="../static/js/jquery.1.10.1.min.js"></script>
    <script src="../static/js/jquery.lib.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../static/js/ajaxfileupload.js"></script>
    <script src="../static/js/additional-methods.js" type="text/javascript"></script>
    <script src="../static/js/jquery.form.js" type="text/javascript"></script>
    <script src="../static/js/jquery.cookie.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" src="../static/js/excanvas.js"></script>
<![endif]-->

    <script src="../static/js/conv.js" type="text/javascript"></script>
    <script src="../static/js/ajaxCross.json" charset="UTF-8"></script>
</head>
<body>
<div id="body">
    <div id="header">
        <div class="wrapper">
            <a class="logo" href="{{ url('index:index') }}">
                <img width="229" height="43" alt="拉勾招聘-专注互联网招聘" src="../static/images/logo.png">
            </a>
            <ul id="navheader" class="reset">
                <li><a href="{{ url('index:index') }}">首页</a></li>
                <li class="current"><a href="{{ url("company:company_list",args=(1,)) }}">公司</a></li>
                <li><a href="javascript:;">论坛</a></li>
                {% if user.id %}
                    <li><a href="{{ url('resume:user_resume') }}" rel="nofollow">我的简历</a></li>
                {% else %}
                {% endif %}
            </ul>
            <dl class="collapsible_menu">
                <dt>
                    <span>{{ user.username }}&nbsp;</span>
                    <span class="red dn" id="noticeDot-1"></span>
                    <i></i>
                </dt>
                <dd style="display: none;"><a href="{{ url('company:create_company') }}">公司进站</a></dd>
                <dd style="display: none;"><a href="{{ url('resume:user_resume') }}">我要找工作</a></dd>
                <dd style="display: none;"><a href="{{ url('users:user_setting') }}">帐号设置</a></dd>
                <dd class="logout" style="display: none;">
                    <a rel="nofollow" href="{{ url('users:logout') }}">退出</a>
            </dl>
        </div>
    </div><!-- end #header -->
    <div id="container">

        <div style="" id="stepTip">
            <a></a>
            <img width="803" height="59" src="../static/images/tiponce.jpg">
        </div>
        <div class="content_mid">
            <dl class="c_section c_section_mid">
                <dt>
                    <h2><em></em>填写公司信息</h2>
                </dt>
                <dd>
                    <form id="stepForm" action="#">
                        {{ csrf_input }}
                        <div class="c_text_1">基本信息为必填项，是求职者加速了解公司的窗口，认真填写吧！</div>
                        <img width="668" height="56" class="c_steps" alt="第一步" src="../static/images/step1.png">

                        <h3>公司全称</h3>
                        <input type="text" placeholder="请输入公司简称，如:拉勾" value="" name="fullname" id="name" class="valid">
                        <h3>公司简称</h3> <!--非必填-->
                        <input type="text" placeholder="请输入公司简称，如:拉勾" value="" name="shortname" id="name" class="valid">

                        <h3>公司LOGO</h3> <!--非必填改必填-->
                        <div class="c_logo c_logo_pos">
                            <input type="file" value="" title="支持jpg、jpeg、gif、png格式，文件小于5M"
                                   name="companylog"
                                   id="companylog" class="companylog">
                        </div>

                        <h3>公司网址</h3>
                        <input type="text" placeholder="请输入公司网址" value="" name="website" id="website">

                        <h3>所在城市</h3>
                        <input type="text" placeholder="请输入工作城市，如：北京" name="city" id="city">

                        <h3>行业领域</h3>
                        <div>
                            <input type="hidden" value="" name="select_industry_hidden" id="select_industry_hidden">
                            <input type="button" value="请选择行业领域" name="select_industry" id="select_industry"
                                   class="select">
                            <div class="dn" id="box_industry" style="display: none;">
                                <ul class="reset">
                                    <li>移动互联网</li>
                                    <li>电子商务</li>
                                    <li>社交</li>
                                    <li>企业服务</li>
                                    <li>O2O</li>
                                    <li>教育</li>
                                    <li>文化艺术</li>
                                    <li>游戏</li>
                                    <li>在线旅游</li>
                                    <li>金融互联网</li>
                                    <li>健康医疗</li>
                                    <li>生活服务</li>
                                    <li>硬件</li>
                                    <li>搜索</li>
                                    <li>安全</li>
                                    <li>运动体育</li>
                                    <li>云计算\大数据</li>
                                    <li>移动广告</li>
                                    <li>社会化营销</li>
                                    <li>视频多媒体</li>
                                    <li>媒体</li>
                                    <li>智能家居</li>
                                    <li>智能电视</li>
                                    <li>分类信息</li>
                                    <li>招聘</li>
                                </ul>
                            </div>
                        </div>

                        <h3>公司规模</h3>
                        <div>
                            <input type="hidden" value="" name="select_scale_hidden" id="select_scale_hidden">
                            <input type="button" value="请选择公司规模" name="scale" id="select_scale" class="select">
                            <div class="dn" id="box_scale" style="display: none;">
                                <ul class="reset">
                                    <li>少于15人</li>
                                    <li>15-50人</li>
                                    <li>50-150人</li>
                                    <li>150-500人</li>
                                    <li>500-2000人</li>
                                    <li>2000人以上</li>
                                </ul>
                            </div>
                        </div>

                        <h3>发展阶段</h3>
                        <div>
                            <input type="hidden" id="s_radio_hidden" name="s_radio_hidden" value="">
                            <ul class="s_radio clearfix s_radio_ex">
                                <li class="current">未融资</li>
                                <li>天使轮</li>
                                <li>A轮</li>
                                <li>B轮</li>
                                <li>C轮</li>
                                <li>D轮及以上</li>
                                <li>上市公司</li>
                            </ul>
                        </div>

                        <h3>投资机构</h3>
                        <ul id="stagesList" class="reset">
                            <li>
                                <input type="hidden" class="select_invest_hidden" name="select_invest_hidden">
                                <input type="button" value="请选择发展阶段" name="invest_dev_stage"
                                       class="select_short select_invest" id="invest_btn">
                                <div class="box_invest dn" id="invest_list" style="display: none;">
                                    <ul class="reset">
                                        <li>天使轮</li>
                                        <li>A轮</li>
                                        <li>B轮</li>
                                        <li>C轮</li>
                                        <li>D轮及以上</li>
                                        <li>上市公司</li>
                                    </ul>
                                </div>
                                <input type="text" placeholder="请输入投资机构，如真格基金，创新工场" name="stageorg">
                            </li>
                        </ul>
                        <h3>一句话介绍</h3>
                        <input type="text" placeholder="一句话概括公司亮点，如公司愿景、领导团队等，限50字" maxlength="50" name="temptation"
                               id="temptation">
                        <span style="display:none;" class="error" id="beError"></span>
                        <input type="button" value="保存，下一步" id="stepBtn" class="btn_big fr">
                        <script>
                            $(function () {
                                //TODO 行业领域选择
                                $('#select_industry').click(function () {
                                    $('#box_industry').show();
                                    $('#box_industry li').click(function () {

                                        a = this.innerHTML;
                                        $('#select_industry').val(a);
                                        $('#select_industry_hidden').val(a);
                                        $('#box_industry').hide()
                                    });
                                });

                                //TODO 公司规模选择
                                $('#select_scale').click(function () {
                                    $('#box_scale').show();
                                    $('#box_scale li').click(function () {

                                        a = this.innerHTML;
                                        $('#select_scale').val(a);
                                        $('#select_scale_hidden').val(a);
                                        $('#box_scale').hide()
                                    });
                                });

                                // TODO 发展阶段选择
                                $('.s_radio_ex li').click(function () {
                                    $(this).siblings('li').removeClass('current');  // 删除其他兄弟元素的样式
                                    $(this).addClass('current');
                                    $('#s_radio_hidden').val(this.innerHTML)
                                });

                                // TODO 投资机构选择
                                $('#invest_btn').click(function () {
                                    $('#invest_list').show();
                                    $('#invest_list .reset li').click(function () {
                                        a = this.innerHTML;
                                        $('#invest_btn').val(a);
                                        $('.select_invest_hidden').val(a);
                                        $('#invest_list').hide()
                                    })
                                });

                                // TODO 下一步
                                $('#stepBtn').click(function () {
                                    event.preventDefault();
                                    $('#stepForm').ajaxSubmit({
                                        url: "/createcompany/",
                                        type: "post",
                                        // data: JSON.stringify(params),

                                        headers: {
                                            'X-CSRFToken': $.cookie('csrftoken')
                                        },
                                        // async: false,
                                        // contentType: "application/json",
                                        success: function (resp) {
                                            if (resp.errno != "0") {
                                                alert(resp.errmsg)
                                            } else {
                                                location.href = '/createcompanytwo/'
                                            }
                                            {#return false;#}
                                        },
                                        error: function () {
                                            alert('网络繁忙，请稍后再试')
                                        }
                                    });
                                })
                            })
                        </script>
                    </form>
                </dd>
            </dl>
        </div>

        <!-------------------------------------弹窗lightbox  ----------------------------------------->
        <div style="display:none;">
            <!--图片上传-->
            <div style="width:650px;height:470px;" class="popup" id="logoUploader">
                <object width="650" height="470" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="FlashID">
                    <param value="../../flash/avatar.swf?url=http://www.lagou.com/cd/saveProfileLogo.json" name="movie">
                    <param value="high" name="quality">
                    <param value="opaque" name="wmode">
                    <param value="111.0.0.0" name="swfversion">
                    <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
                    <param value="../../Scripts/expressInstall.swf" name="expressinstall">
                    <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
                    <!--[if !IE]>-->
                    <object width="650" height="470"
                            data="../../flash/avatar.swf?url=http://www.lagou.com/cd/saveProfileLogo.json"
                            type="application/x-shockwave-flash">
                        <!--<![endif]-->
                        <param value="high" name="quality">
                        <param value="opaque" name="wmode">
                        <param value="111.0.0.0" name="swfversion">
                        <param value="../../Scripts/expressInstall.swf" name="expressinstall">
                        <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
                        <div>
                            <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
                            <p><a href="http://www.adobe.com/go/getflashplayer"><img width="112" height="33"
                                                                                     src="../static/images/get_flash_player.gif"
                                                                                     alt="获取 Adobe Flash Player"></a>
                            </p>
                        </div>
                        <!--[if !IE]>-->
                    </object>
                    <!--<![endif]-->
                </object>
            </div><!-- #logoUploader -->
        </div>
        <!------------------------------------- end ----------------------------------------->


        <script>
            var avatar = {};
            avatar.uploadComplate = function (data) {
                var result = eval('(' + data + ')');
                if (result.success) {
                    jQuery('#logoShow img').attr("src", ctx + '/' + result.content);
                    jQuery.colorbox.close();
                    jQuery('#logoNo').hide();
                    jQuery('#logoShow').show();
                }
            };
        </script>
        <div class="clear"></div>
        <input type="hidden" value="13ae35fedd9e45cdb66fb712318d7369" id="resubmitToken">
        <a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
    </div><!-- end #container -->
</div><!-- end #body -->
<div id="footer">
    <div class="wrapper">
        <a rel="nofollow" target="_blank" href="about.html">联系我们</a>
        <a target="_blank" href="http://www.lagou.com/af/zhaopin.html">互联网公司导航</a>
        <a rel="nofollow" target="_blank" href="http://e.weibo.com/lagou720">拉勾微博</a>
        <a rel="nofollow" href="javascript:void(0)" class="footer_qr">拉勾微信<i></i></a>
        <div class="copyright">&copy;2013-2014 Lagou <a
                href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action"
                target="_blank">京ICP备14023790号-2</a></div>
    </div>
</div>

<script src="../static/js/core.min.js" type="text/javascript"></script>
<script src="../static/js/popup.min.js" type="text/javascript"></script>

<!--  -->


<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
    <div id="cboxWrapper">
        <div>
            <div id="cboxTopLeft" style="float: left;"></div>
            <div id="cboxTopCenter" style="float: left;"></div>
            <div id="cboxTopRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxMiddleLeft" style="float: left;"></div>
            <div id="cboxContent" style="float: left;">
                <div id="cboxTitle" style="float: left;"></div>
                <div id="cboxCurrent" style="float: left;"></div>
                <button type="button" id="cboxPrevious"></button>
                <button type="button" id="cboxNext"></button>
                <button id="cboxSlideshow"></button>
                <div id="cboxLoadingOverlay" style="float: left;"></div>
                <div id="cboxLoadingGraphic" style="float: left;"></div>
            </div>
            <div id="cboxMiddleRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxBottomLeft" style="float: left;"></div>
            <div id="cboxBottomCenter" style="float: left;"></div>
            <div id="cboxBottomRight" style="float: left;"></div>
        </div>
    </div>
    <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
</div>
</body>
</html>